<template>
  <el-watermark :font="fonts" width="120" height="64" rotate="-33" zIndex="9" image="../assets/logo.png" :content="content">
    <div class="common-layout">
      <el-container>
        <el-header overflow="overflow" direction="horizontal"><Navgition/><Carousel/></el-header>
        <el-main overflow="overflow" slot="default">
          <div style="height: 260px;"></div>
          <content-home/></el-main>
        <el-footer>Footer</el-footer>
      </el-container>
    </div>
  </el-watermark>
</template>

<script lang="ts">
import { Options, Vue } from 'vue-class-component';
import HelloWorld from '@/components/HelloWorld.vue'; // @ is an alias to /src
import Navgition from '@/components/Navgition.vue'; // @ is an alias to /src
import Carousel from "@/components/carousel/Carousel.vue";
import ContentHome from '@/components/ContentHome.vue'


@Options({
  components: {
    HelloWorld,
    Navgition,
    Carousel,
    ContentHome
  },
  data(){
    return{
      content:['221321024','张江涛'],
      fonts:{
        color:'rgba(0,0,0,0.15)',
        // fontSize:16,
        // fontWeight:'weight',
        // fontFamily:'sans-serif',
        // fontStyle:'italic',
        // textAlign:'center',
        // textBaseline:'bottom'
      }
    }
  },
  mounted() {

  },
})
export default class HomeView extends Vue {}
</script>
